﻿
@{
    Layout = null;
}

<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>Index</title>
    <link href="~/layui/lib/theme-chalk/index.css" rel="stylesheet" />
    <script src="~/layui/vue.min.js"></script>
    <script src="~/layui/lib/index.js"></script>
    <script src="~/layui/polyfill.min.js"></script>
    <script src="~/layui/axios.js"></script>
    <style>
        html, body {
            padding:0;
            margin:0;
            height:100%;
        }
        #app {
        height:100%;
        width:100%;
        }
        .index-con {
            height: 100%;
            width: 100%;
            box-sizing: border-box;
        }
        .asideshow {
            width: 240px !important;
            height: 100%;
            background-color: #334157;
            margin: 0px;
        }

        .index-header,
        .index-main {
            padding: 0px;
            /*border-left: 2px solid #333;*/
        }
        .el-menu-vertical-demo:not(.el-menu--collapse) {
            width: 240px;
            /*min-height: 400px;*/
            height:100%;
        }

        .el-menu-vertical-demo:not(.el-menu--collapse) {
            border: none;
            text-align: left;
        }

        .el-menu-item-group__title {
            padding: 0px;
        }

        .el-menu-bg {
            background-color: #1f2d3d !important;
        }

        .el-menu {
            border: none;
        }

        .logobox {
            height: 40px;
            line-height: 40px;
            color: #9d9d9d;
            font-size: 20px;
            text-align: center;
            padding: 20px 0px;
        }

        .logoimg {
            height: 40px;
        }
    </style>
</head>
<body>
    <div id="app">
        @*<el-container direction="vertical">
            <el-header>Header</el-header>
            <el-container>
                <el-aside>Aside</el-aside>
                <el-main>Main</el-main>
            </el-container>
        </el-container>*@
        <el-container class="index-con">
            <el-aside class="asideshow">
                <el-menu default-active="2" collapse-transition router unique-opened class="el-menu-vertical-demo" background-color="#334157" text-color="#fff" active-text-color="#ffd04b">
                    <div class="logobox">
                        <img class="logoimg" src="../wwwroot/layui/images/logo.png" alt="">
                    </div>
                    <el-submenu v-for="menu in menuList" :key="menu.menuid" :index="menu.menuname">
                        <template slot="title">
                            <i class="el-icon-"></i>
                            <span>{{menu.menuname}}</span>
                        </template>
                        <el-menu-item-group>
                            <el-menu-item v-for="chmenu in menu.menus" :index="'/'+chmenu.url" :key="chmenu.menuid">
                                <i class="iconfont" v-bind:class="chmenu.icon"></i>
                                <span>{{chmenu.menuname}}</span>
                            </el-menu-item>
                        </el-menu-item-group>
                    </el-submenu>
                </el-menu>
            </el-aside>
            <el-container class="main-con">
                <el-header class="index-header">
                   
                </el-header>
                <el-main clss="index-main">
                    @*<router-view></router-view>*@
                </el-main>
            </el-container>
        </el-container>
    </div>

    <script>
        var vm = new Vue({
            el: '#app',
            data: function () {
                return {
                    menuList: [
                        {
                            menuid: 1,
                            icon: 'li-icon-xiangmuguanli',
                            menuname: '系统管理',
                            hasThird: null,
                            url: null,
                            menus: [
                                {
                                    menuid: 2,
                                    icon: 'icon-cat-skuQuery',
                                    menuname: '账户管理',
                                    hasThird: 'N',
                                    url: 'goods/Goods',
                                    menus: null
                                },
                                {
                                    menuid: 34,
                                    icon: 'icon-order-manage',
                                    menuname: '密码修改',
                                    hasThird: 'N',
                                    url: 'pay/Order',
                                    menus: null
                                },
                                {
                                    menuid: 35,
                                    icon: 'icon-order-manage',
                                    menuname: '凭证管理',
                                    hasThird: 'N',
                                    url: 'pay/Order',
                                    menus: null
                                }
                            ]
                        },
                        {
                            menuid: 71,
                            icon: 'li-icon-xitongguanli',
                            menuname: '参数管理',
                            hasThird: null,
                            url: null,
                            menus: [
                                {
                                    menuid: 72,
                                    icon: 'icon-cus-manage',
                                    menuname: '基本参数',
                                    hasThird: 'N',
                                    url: 'system/user',
                                    menus: null
                                },
                                {
                                    menuid: 174,
                                    icon: 'icon-cms-manage',
                                    menuname: '设备参数',
                                    hasThird: 'N',
                                    url: 'system/Module',
                                    menus: null
                                }
                            ]
                        },
                        {
                            menuid: 128,
                            icon: 'li-icon-shangchengxitongtubiaozitihuayuanwenjian91',
                            menuname: '事件管理',
                            hasThird: null,
                            url: null,
                            menus: [
                                {
                                    menuid: 129,
                                    icon: 'icon-provider-manage',
                                    menuname: '乘梯事件记录',
                                    hasThird: 'N',
                                    url: 'machine/MachineConfig',
                                    menus: null
                                },
                                {
                                    menuid: 175,
                                    icon: 'icon-provider-manage',
                                    menuname: '模式切换记录',
                                    hasThird: 'N',
                                    url: 'pay/Config',
                                    menus: null
                                },
                                {
                                    menuid: 176,
                                    icon: 'icon-provider-manage',
                                    menuname: '设备在线情况',
                                    hasThird: 'N',
                                    url: 'pay/Config',
                                    menus: null
                                },
                                {
                                    menuid: 177,
                                    icon: 'icon-provider-manage',
                                    menuname: '凭证操作记录',
                                    hasThird: 'N',
                                    url: 'pay/Config',
                                    menus: null
                                }
                            ]
                        },
                        {
                            menuid: 150,
                            icon: 'li-icon-shangchengxitongtubiaozitihuayuanwenjian91',
                            menuname: '设备管理',
                            hasThird: null,
                            url: null,
                            menus: [
                                {
                                    menuid: 159,
                                    icon: 'icon-provider-manage',
                                    menuname: '时间校准',
                                    hasThird: 'N',
                                    url: 'charts/statistics',
                                    menus: null
                                },
                                {
                                    menuid: 169,
                                    icon: 'icon-provider-manage',
                                    menuname: '状态查询',
                                    hasThird: 'N',
                                    url: 'charts/statistics',
                                    menus: null
                                },
                                {
                                    menuid: 160,
                                    icon: 'icon-provider-manage',
                                    menuname: 'Ping操作',
                                    hasThird: 'N',
                                    url: 'charts/statistics',
                                    menus: null
                                },
                                {
                                    menuid: 161,
                                    icon: 'icon-provider-manage',
                                    menuname: '设备重启',
                                    hasThird: 'N',
                                    url: 'charts/statistics',
                                    menus: null
                                }
                            ]
                        }
                    ]
                }
            }
        });
    </script>
</body>
</html>
